<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" charset="utf-8" href="js/cdn-mirror/twitter-bootstrap/3.3.7/css/bootstrap.min.css"/>
    <link rel="stylesheet" type="text/css" charset="utf-8" href="js/cdn-mirror/font-awesome/4.7.0/css/font-awesome.min.css" />
    <link rel="stylesheet" type="text/css" charset="utf-8" href="js/cdn-mirror/bootstrap-select/1.13.8/css/bootstrap-select.min.css"/>
    <link rel="stylesheet" type="text/css" charset="utf-8" href="js/simple-switch/simple-switch.css"/>
    <script type="text/javascript" charset="utf-8" src="js/cdn-mirror/jquery/3.1.1/jquery.min.js"></script>
    <script type="text/javascript" charset="utf-8" src="js/cdn-mirror/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script type="text/javascript" charset="utf-8" src="js/cdn-mirror/bootstrap-select/1.13.8/js/bootstrap-select.min.js"></script>
    <script type="text/javascript" charset="utf-8" src="js/custom-switch/custom-switch.js"></script>
    <script type="text/javascript" charset="utf-8" src="js/resources.js"></script>

    <link rel="stylesheet" type="text/css" charset="utf-8" href="css/metro/app.css" />
    <link rel="stylesheet" type="text/css" charset="utf-8" href="js/custom-switch/custom-switch.css" />
</head>
<body>
<div class="top-separator"></div>
<div class="root-container">
    <table class="server-editor">
        <tr>
            <td class="label-field">
                <label id="lbl-sshd-enabled" for="sshd-enabled">Enable SSHD Server</label>
            </td>
            <td class="control-field">
                <input id="sshd-enabled" type="checkbox" class="custom-switch" checked/>
            </td>
        </tr>
        <tr>
            <td></td>
            <td class="control-field field-memo" id="custom-switch-memo">
                Whether SSH server enabled or not
            </td>
        </tr>
        <tr data-category="ssh-config">
            <td class="label-field disabled">
                <label id="lbl-localhost-only" for="localhost-only">Localhost Only</label>
            </td>
            <td class="control-field">
                <input id="localhost-only" type="checkbox" class="custom-switch" disabled />
            </td>
        </tr>
        <tr data-category="ssh-config">
            <td></td>
            <td class="control-field field-memo" id="localhost-only-memo"></td>
        </tr>
        <tr data-category="ssh-config">
            <td class="label-field disabled">
                <label id="lbl-ssh-port" for="ssh-port">Port</label>
            </td>
            <td class="control-field">
                <input id="ssh-port" type="text" class="form-control number-field maskable" placeholder="Port" disabled/>
            </td>
        </tr>
        <tr data-category="ssh-config">
            <td></td>
            <td class="control-field field-memo"></td>
        </tr>
    </table>
</div>
</body>
</html>